<script type="text/javascript" src="https://www.google.com/jsapi"></script>
    <script type="text/javascript">
      google.load("visualization", "1", {packages:["corechart"]});
      google.setOnLoadCallback(drawChart);
      function drawChart() {
        var data = google.visualization.arrayToDataTable([
          ['Task', 'Hours per Day'],
          <?php 
          
          $counter = 0;
          foreach ($municipios as $municipio){ 
          echo "['".$municipio->getNombre()."', ".$dataStatus[$municipio->getId().'1']."],";
          
          $counter += $dataStatus[$municipio->getId().'1'];
          } ?>
          
        ]);

        var options = {
          title: ' Total clientes Activos = <?php echo $counter ?>',
          width: 580,
          height: 580,
          backgroundColor: 'none',
          is3D: true,
          legend: {position: 'bottom', textStyle: {color: 'blue', fontSize: 10}}
          
        };

        var chart = new google.visualization.PieChart(document.getElementById('chart_div'));
        chart.draw(data, options);
      }
    </script>
    
<table class="operadorServicio" border="0" cellspacing="0" cellpadding="0" >
        <tr class="addEtiquetaTitulo">
            <td><p>Ubicacion Demografica</p></td>
        </tr>
        <tr class="addEtiquetaFila">
            <td>


    
            <div id="chart_div" style="border: 1px solid black;"></div

            </td>
        </tr>

</table>

